html {
    font: 16px "Microsoft YaHei", "宋体", Tahoma, Arial;
    background: #FFFFFF;
    color: #4a4a4a;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

a {
    text-decoration: none;
}

ul {
    list-style: none;
}

.clear {
    clear: both;
}

.fadeContent {
    display: none;
}

.threeDots {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.box {
    width: 90%;
    max-width: 1400px;
    margin: 0 auto;
    background: rgba(255, 255, 255, 1);
    position: relative;
}

.left {
    float: left;
}

.right {
    float: right;
}

.center {
    text-align: center;
}

.right-text {
    text-align: right;
}

input {
    outline: none;
}

.blue {
    color: #0068B7;
}


/* img{border:0px} */

#allmap {
    margin-bottom: 2.5rem;
}


/* header */

.second-main img {
    max-width: 100%;
    height: auto !important;
}

.header {
    /* position: relative; */
    width: 100%;
    height: 12.5rem;
    /* height: 216px; */
    top: 0;
    left: 0%;
    z-index: 100;
}

.logo {
    position: relative;
    width: 35%;
    height: 100%;
}

.logo img {
    width: auto;
    height: 2.75rem;
    margin-top: 1.375rem;
    vertical-align: middle;
}

.search {
    position: absolute;
    /* right: 0;
    top: 5%; */
    width: 16.425rem;
    height: 2rem;
    z-index: 100;
    background: #167ec1;

}
.search input:hover {
    background: #ffffff!important;
}

.search input {
    float: left;
    width: 14.425rem;
    height: 100%;
    border: 1px solid rgba(155, 155, 155, .4);
    /* padding-left: 5px; */
    font-size: .875rem;
    background: #167ec1;
}

.search-img {
    float: right;
    width: 2rem;
    height: 100%;
    /* background-color: #4a4a4a; */
    cursor: pointer;
    background: #167ec1!important;
}

/* .search_img {
    width: 2rem;
    height: 100%;
} */

.search-img img {
    float: left;
    width: 1.25rem;
    margin-top:0.35rem;
    margin-left:0.4rem;
    height: 1.25rem;
 
}

.nav-click {
    display: none;
}

.nav {
    /* position: absolute; */
    height: 3.5rem;
    /* height: 58px; */
    width: 100%;
    /* bottom: 0px; */
    /* left: 40%; */

    background-color: #FFFFFF;
}

.nav-active p,
.nav li:hover p {
    font-weight: bold;
   
}
.nav_tex_s {
    text-align: center;
}
.nav li {
    width: 16%;
    float: left;
    height: 4rem;
    line-height: 4rem;
    font-size: 1.125rem;
    cursor: pointer;
    /* position: relative; */
    color: #4C4948;
    text-align: right;
}

.nav a {
    color: #4C4948;
}

.nav li:hover a {
    color: #0068B7;
}

.nav li p,
.sub a {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.nav li .sub {
    position: absolute;
    height: 2.5rem;
    top: 12.5rem;
    z-index:99999;
    display: none;
    right: 6px;
    width: 100%;
}

.nav-bg {
    position: fixed;
    width: 80vw;
    height: 2.5rem;
    background-color: rgba(0, 0, 0, .3);
    background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 24%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.4) 76%, rgba(0, 0, 0, 0) 100%);
    /* top: 5.5rem; */
    top: 12.5rem;
    left: 10vw;
    z-index: 9999;
    display: none;
}

.nav li .sub a {
    font-size: .9375rem;
    float: left;
    color: #FFFFFF;
    height: 2.5rem;
    line-height: 2.5rem;
    text-align: right;
    z-index: 2;
}

.nav li:hover .sub a {
    font-weight: 400;
}

.nav li .sub a:hover {
    font-weight: 600;
}

.nav li:hover .sub a {
    color: #FFFFFF;
}






.header_top {
    width: 100%;
    /* height: 158px; */
    height: 8.5rem;
    /* border:1px solid red; */
    background-image: url("../img/ysjs.png") ;
    /* background-size: 100%,100%; */
    background-repeat: no-repeat; 
    background-size:cover;
    position: relative;
 
}
.header_search {
    position: absolute;
    /* height: 41px;
    width: 25%; */
    width: 16.625rem;
    height: 2rem;
    /* border:1px solid red; */
    right:4%;
    top:50%;
  
    transform: translateY(-50%);
}









/* index-banner */

.slide .carouse {
    width: 100%;
    overflow: hidden;
    position: relative
}

.slide .slideItem .banner-img {
    width: 100%;
}

.slide .carouse .slideItem {
    width: 100%;
    position: absolute;
}

.slide .carousel-control {
    position: absolute;
    top: 50%;
    margin-top: -0.9375rem;
    width: 1.875rem;
    height: 1.875rem;
    z-index: 999;
}

.slide .carousel-control.carousel-left {
    left: 0.5%;
    background: url("../img/index_left.png") no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
}

.slide .carousel-control.carousel-right {
    right: 0.5%;
    background: url("../img/index_right.png") no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
}

.slide .slidedetail {
    display: none;
}


/* index-news-block */

.tplc {
    color: #FFFFFF;
    font-size: 1rem;
    margin-top: .625rem;
}

.tplc span {
    font-size: .8125rem;
}

.tplc_block {
    float: left;
    text-align: center;
    width: 20%;
    height: 7.5rem;
    cursor: pointer;
    position: relative;
    color: #FFFFFF;
}

.note_introduction {
    font-size: .875rem;
    line-height: 25px;
    color: #FFFFFF;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    padding-left: .875rem;
    padding-right: .875rem;
}

.tplc_pa {
    width: 100%;
    position: absolute;
    top: 50%;
    margin-top: -1.25rem;
    height: 2.5rem;
}

.tplc_img_pa {
    display: inline-block;
    width: 2.5rem;
    height: 2.5rem;
    line-height: 2.5rem;
}

.tplc_img {
    margin-top: .3125rem;
    width: 1.875rem;
    height: 1.875rem;
}

.tplc_text {
    display: inline-block;
    height: 2.5rem;
    text-align: left;
}

.w_10 .tplc_text {
    text-align: center;
}

.w_10 {
    width: 13%;
}

.w_10 .tplc_pa {
    height: 5rem;
    margin-top: -2.5rem;
}

.w_10 .tplc_img_pa,
.w_10 .tplc_text {
    display: block;
}

.w_10 .tplc_img_pa {
    margin: 0 auto;
}

.note {
    width: 0%;
    height: 7.5rem;
    overflow: hidden;
    float: left;
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center;
    /*垂直居中*/
    justify-content: center;
    /*水平居中*/
}

.note a {
    color: #FFFFFF;
    font-size: .9375rem;
}

.note_date {
    height: 1.875rem;
    line-height: 2.5rem;
    padding-left: 6%;
}

.note_title {
    height: 1.5625rem;
    line-height: 1.5625rem;
    padding-left: 6%;
}

.note_zyyw {
    padding: .625rem 6%;
}

.note_zyyw p {
    height: 1.5625rem;
    line-height: 1.5625rem;
}

.note_lxwm {
    padding: 1.25rem 6%;
}

.note_lxwm p {
    height: 1.875rem;
    line-height: 1.875rem;
}

.w_27 {
    width: 27%;
}


/* 二级页面 */

.second-main {
    /* background: linear-gradient(360deg, rgba(249, 252, 255, 1) 0%, rgba(229, 241, 255, 1) 100%); */
}

.second-banner img {
    display: block;
    width: 100%;
    height: auto;
}

.second-bg {
    background-color: #FFFFFF;
    min-height: 31.25rem;
    padding-bottom: 3.75rem;
}


/* 二级导航条 */

.title-container {
    background: #F6F6F6;
    background: linear-gradient(180deg, rgba(253, 253, 253, 1) 0%, rgba(241, 241, 241, 1) 100%);
    padding: 0 8% 0 5%;
}

.title-position {
    height: 2.625rem;
    line-height: 2.625rem;
    font-size: .75rem;
    float: left;
}

.title-position a {
    color: #4a4a4a;
}

.title-position span {
    color: #4A90E2;
}

.second-left-phone {
    width: 100%;
    position: relative;
    font-weight: bolder;
    font-size: 1.125rem;
    height: 2.625rem;
    line-height: 2.625rem;
    display: none;
}

.second-left-phone span {
    margin-right: 5px;
}

.second-left-phone::after {
    content: "V";
    position: absolute;
    top: 0;
    right: 5%;
    height: 2.625rem;
    line-height: 2.625rem;
    text-align: center;
    font-size: .625rem;
    cursor: pointer;
}

.title-nav {
    float: right;
    max-width: calc(100% - 270px);
}

.title-nav li {
    float: left;
    height: 2.625rem;
    line-height: 2.625rem;
    padding: 0 1.25rem;
    margin-left: .625rem;
}

.title-nav li p {
    font-size: 1rem;
    color: #4A4A4A;
}

li.title-nav-active p,
.title-nav li:hover P {
    color: #FFFFFF;
}

.second-right {
    width: 100%;
    padding: 0 8%;
}

.right-title-name {
    border-bottom: 1px solid #F6F6F6;
    margin-top: 2rem;
    margin-bottom: 1.25rem;
    font-size: .75rem;
    height: 2.5rem;
    line-height: 2.5rem;
    font-size: 1.125rem;
    font-weight: bolder;
    padding-left: 10px;
    position: relative;
}

.right-title-name span {
    position: absolute;
    width: 4px;
    height: 18px;
    top: 50%;
    left: 0px;
    margin-top: -9px;
}

.right-title-position {
    margin-top: 16px;
}


/* 新闻页面 */

.second-news li {
    height: 2.125rem;
    line-height: 2.125rem;
    border-bottom: 1px dotted #A1A1A1;
    font-size: .875rem;
}

.second-news a {
    color: #525252;
}

.second-news-title {
    width: 70%;
}

.second-news-date {
    width: 30%;
    text-align: right;
    padding-right: 5px;
}


/* 分页 */

.page {
    margin-top: 1.25rem;
    text-align: right;
}

.btn {
    border-radius: 4px;
    width: 2.5rem;
    height: 1.25rem;
    line-height: 1.25rem;
    text-align: center;
    margin-right: .3125rem;
    cursor: pointer;
    border: 1px solid rgba(151, 151, 151, 1);
    display: inline-block;
    font-size: .75rem;
}


/*分页选中样式 */

.page-active,
.btn:hover {
    color: rgba(255, 255, 255, 1);
}


/* 新闻三级内容页面 */

.main-right p,
.depart-right-content p {
    line-height: 1.625rem;
    font-size: .9375rem;
}

.main-right-conpany,
.service-list {
    margin-top: 1.25rem;
}

.main-right-top {
    text-align: center;
    margin: 1.25rem 0px;
}

.main-right-top p {
    line-height: 2.5rem;
    text-indent: 0rem;
}

p.top-title {
    font-size: 1.25rem;
    font-weight: bolder;
}


/* 新闻视频页面 */

.main-right-top video {
    width: 80%;
}


/* 公司领导 */

.main-leader {
    font-size: .875rem;
    color: #4A4A4A;
}

.main-leader p {
    line-height: 1.5625rem;
}

.main-leader-top img {
    width: 50%;
    max-width: 20.125rem;
    max-height: 15.375rem;
}

.main-leader-name {
    font-size: 1.125rem;
    font-weight: 500;
}

.main-leader-position {
    color: #9B9B9B;
}

.main-leader-other {
    margin: 1.25rem auto 0px;
    margin-top: 1.25rem;
    text-align: left;
    font-size: .875rem;
}


/* 企业资质 */

.company-imgs {
    margin: 2.25rem 0;
}

.company-imgs li {
    width: 30.5%;
    float: left;
    overflow: hidden;
    margin-bottom: 1.875rem;
    border: 1px solid rgba(155, 155, 155, 0.27);
    border-radius: 6px;
}

.company-imgs li:nth-child(3n+2) {
    margin: 0 4.25%;
}

.company-img {
    width: 100%;
    padding-bottom: 75%;
    background-color: #F9F9F9;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}

.company-imgs li:hover {
    transform: translateY(-14px);
    -ms-transform: translateY(-14px);
    /* IE 9 */
    -moz-transform: translateY(-14px);
    /* Firefox */
    -webkit-transform: translateY(-14px);
    /* Safari 和 Chrome */
    -o-transform: translateY(-14px);
    /* Opera */
}

.company-text {
    text-align: center;
    font-size: .875rem;
    color: #424242;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 2.5rem;
    line-height: 2.5rem !important;
}


/* 联系我们 */

#dituContent {
    width: 100%;
    height: 260px;
    border: #ccc solid 1px;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
}

.address {
    height: 2.5rem;
    line-height: 2.5rem;
}

.address span:first-child {
    display: inline-block;
    width: 4.625rem;
    font-weight: bold;
}

.main-leader-other span.addname {
    font-size: 1rem;
    font-weight: normal;
    width: 3rem;
    text-align-last: justify;
    text-align: justify;
    text-justify: distribute-all-lines;
    /* 这行必加，兼容ie浏览器 */
    text-align: justify;
}


/* 业务板块 */

.service-list li {
    margin: 1.25rem 0rem;
    font-size: .875rem;
    cursor: pointer;
}

.service-list-block {
    width: 100%;
    position: relative;
}

.service-list-img {
    width: 29%;
    padding-bottom: 22.5%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.service-right {
    position: absolute;
    left: 30%;
    top: 0;
    width: 70%;
    height: 100%;
    padding: 0 4%;
    background-color: #F6F6F6;
}

.service-list-title {
    font-size: 1.125rem;
    height: 2.875rem;
    line-height: 2.875rem;
}

.service-list-text {
    height: calc(100% - 5.375rem);
}

.service-list-text-block {
    line-height: 26px;
    display: -webkit-box;
    overflow: hidden;
    white-space: normal !important;
    text-overflow: ellipsis;
    word-wrap: break-word;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    text-indent: 2rem;
}

.service-list-more {
    font-size: .75rem;
    display: block;
    width: 100%;
    height: 2.5rem;
    line-height: 2.5rem;
    text-align: right;
    padding-right: 1%;
}


/* department */

.depart-bg {
    margin-top: 1.875rem;
}

.depart-left {
    width: 28%;
    min-width: 170px;
}

.depart-title {
    width: 170px;
    height: 3.125rem;
    line-height: 3.125rem;
    margin: 0 auto;
    border-radius: 4px;
    font-size: 1rem;
    background-color: #4A90E2;
    color: #FFFFFF;
    text-align: center;
}

.depart-nav {
    width: 150px;
    margin: 0 auto;
    padding: 0 2%;
}

.depart-nav li {
    width: 100%;
    height: 2.3125rem;
    text-align: center;
    line-height: 2.3125rem;
    border-bottom: 1px solid #eeeeee;
}

.depart-nav a {
    color: #4A4A4A;
    display: block;
    font-size: .875rem;
    position: relative;
}

li.depart-nav-active a,
.depart-nav li:hover a {
    color: #4A90E2;
}

.depart-nav span {
    position: absolute;
    top: 50%;
    margin-top: -6px;
    left: 11%;
    width: 0;
    height: 0;
    border: 6px solid;
    margin-right: .625rem;
    border-color: transparent;
}

li.depart-nav-active span,
.depart-nav li:hover span {
    border-left-color: #4A90E2;
}

.depart-right {
    width: 70%;
    min-width: calc (100% - 170px);
    padding-right: 10%;
}

.depart-right-title {
    border-bottom: 1px solid #0068B7;
    margin-bottom: 1.25rem;
    font-size: .75rem;
}

.depart-title-name {
    height: 2.5rem;
    line-height: 2.5rem;
    font-size: 1.125rem;
    font-weight: bolder;
    padding-left: 10px;
    position: relative;
}

.depart-title-name span {
    position: absolute;
    width: 4px;
    height: 18px;
    top: 50%;
    left: 0px;
    margin-top: -9px;
    background-color: #4A90E2;
}

.depart-title-position {
    margin-top: 16px;
    float: right;
    color: rgba(74, 144, 226, 1);
}

.depart-right-top {
    font-size: 1.125rem;
    font-weight: bold;
    text-align: center;
    margin: 1.875rem auto;
}


/* 留言板块 */

.second-message {
    width: 70%;
    margin: 0 auto;
}

.second-message h5 {
    margin-top: 1.25rem;
    text-align: right;
    font-size: .875rem;
    color: #D81E06;
}

.second-message img {
    width: .875rem;
    height: .875rem;
}

.messsage-star {
    width: .75rem;
    height: .75rem;
    top: 0;
    right: -0.75rem;
    position: absolute;
    background: url("../img/star.png") center center no-repeat;
    background-size: .75rem .75rem;
}

.message-line {
    margin: 1.25rem 0;
    font-size: 1rem;
    position: relative;
}

.message-line span {
    position: absolute;
    width: 5rem;
    height: 2.5rem;
    line-height: 2.5rem;
    text-align: right;
}

.message-line input {
    margin-left: 6.25rem;
    width: calc(100% - 6.25rem);
    height: 2.5rem;
    background: rgba(250, 250, 250, 1);
    border-radius: 6px;
    border: 1px solid rgba(155, 155, 155, 1);
    padding-left: .625rem;
}

.message-line textarea {
    margin-left: 6.25rem;
    width: calc(100% - 6.25rem);
    background: rgba(250, 250, 250, 1);
    border-radius: 6px;
    border: 1px solid rgba(155, 155, 155, 1);
    padding-left: .625rem;
    padding-top: .625rem;
}

.message-button {
    text-align: right;
}

.second-message input[type="button"],
.second-message input[type="reset"] {
    width: 6.25rem;
    height: 2.5rem;
    font-size: 1rem;
    background: linear-gradient(180deg, rgba(74, 144, 226, 1) 0%, rgba(34, 115, 211, 1) 100%);
    border-radius: 6px;
    border: none;
    color: #F6F6F6;
    cursor: pointer;
}

.second-message input[type="button"] {
    margin-left: 3.75rem;
}

.alert-box {
    position: fixed;
    width: 18.75rem;
    height: 8.75rem;
    top: calc(50vh - 4.375rem);
    left: calc(50vw - 9.375rem);
    border: 1px solid #ccc;
    background-color: rgba(250, 250, 250, 1);
    box-shadow: 0 0 10px 2px rgba(151, 151, 151, .5);
    text-align: center;
    border-radius: 6px;
    display: none;
}

.alert-text {
    height: 5.25rem;
    line-height: 5.25rem;
    font-size: .9375rem;
}

.second-message .alert-box input[type="button"] {
    margin-left: 0;
    font-size: .875rem;
    width: 5rem;
    height: 2.125rem;
    text-align: center;
}


/* footer */

.footer {
    font-size: .8125rem;
    background-color: rgba(229, 241, 255, .4);
}

.footer p {
    margin-right: 1%;
    line-height: 2.8125rem;
}

.footer-left {
    width: calc(100% - 18.75rem);
}
.footer-left a{
  display:inline-block;
  text-decoration:none;
  height:20px;
  line-height:20px;
  color: #4a4a4a;
}
.footer-right {
    width: 18.75rem;
    height: 2.8125rem;
    line-height: 2.8125rem;
}

.wei {
    width: 1.5rem;
    height: 1.5rem;
    margin-top: .65625rem;
    position: relative;
}

.wechat {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* cursor: pointer; */
}

.erweima {
    display: none;
    position: absolute;
    top: -8.2rem;
    left: -2.375rem;
    width: 6.25rem;
    height: 7.5rem;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px 2px 2px 0px rgba(209, 209, 209, 0.5);
    text-align: center;
}

.wechat:hover {
    transform: scale(1.1);
    -ms-transform: scale(1.1);
    /* IE 9 */
    -webkit-transform: scale(1.1);
    /* Safari and Chrome */
}

.erweima img {
    width: 6.25rem;
    height: 6.25rem;
}

.footer .erweima p {
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: .75rem;
    width: 100%;
    height: 1.25rem;
    line-height: 1rem;
}

.erweima span {
    position: absolute;
    width: 0;
    height: 0;
    bottom: -.8rem;
    left: 50%;
    margin-left: -.4rem;
    border: .4rem solid rgb(226, 221, 221);
    border-color: rgb(226, 221, 221) transparent transparent;
}

/* .wei:hover .erweima {
    display: block;
} */

.yqlj {
    width: calc(100% - 1.7rem);
}

.yqlj select {
    width: calc(100% - 5rem);
    height: 1.5rem;
    margin-top: .65625rem;
    font-size: .75rem;
    border-color: #eeeeee;
}

.footer::after,
.serviceList::after,
.title-container::after,
.company-imgs::after {
    display: block;
    content: "";
    clear: both;
}

@media screen and (max-width:1200px) {
    .header_top {
        height: 6rem;

    }
    .logo img {
        height: 2.375rem;
        margin-top: 1.5625rem;
    }
    .footer-left-copy{
      display:block;
      text-align: center;
    }
    .footer-left,.footer-right,.yqlj{
      width: 100%;
      text-align: center;
    }
    .yqlj select{
      width: 15.625rem;
    }
    .wei{
      display: none;
    }
    
}

@media screen and (max-width:850px) {
    .header {
        height: 9rem;
    }
    .logo img {
        height: 2rem;
        margin-top: 1.75rem;
    }
    .nav li .sub {
        position: absolute;
        height: 2.5rem;
        top: 10rem;
        z-index:99999;
        display: none;
        right: 6px;
        width: 100%;
    }
    .nav li  .nav-bg {
        top: 10rem;
    }
    
}
@media screen and (max-width:768px) {
    .header {
        height: 9rem;
    }
    .logo img {
        height: 2rem;
        margin-top: 1.75rem;
    }
    .nav li .sub {
        position: absolute;
        height: 2.5rem;
        top: 12rem;
        z-index:99999;
        display: none;
        right: 6px;
        width: 100%;
    }
    .nav li  .nav-bg {
        top: 12rem;
    }
    
}

@media screen and (max-width:1025px) {
    html {
        font-size: 14px;
    }
    .box {
        width: 100%;
    }
    .header {
        height: 12rem;
    }
    .header_top {
        height: 8rem;
    }
    .nav li .sub {
     top:12rem;
    }
    .nav-bg {
        top:12rem
    }
    .search {
        display: none;
    }
    .second-right {
        padding-right: 5%;
    }
    .search {
        right: 2%;
    }
    .nav {
        left: 38%;
    }
    .logo {
        padding-left: 2%;
    }
}

@media screen and (max-width:767px) {
    html {
        font-size: 12px;
    }
    .nav-bg {
        display: none !important;
    }
    .header {
        position: fixed;
        width: 100%;
        top: 0;
        left: 0;
        height: 6rem;
    }
    .logo {
        float: none;
        width: 100%;
        height: 3.5rem;
    }
    .logo img {
        height: 2.5rem;
        margin-top: 0.5rem;
    }
    .search,
    .nav-click {
        top: 4rem;
    }

   .search {
       position: absolute;
       right:-4%;
       height: 1.625rem;
       margin-top:0.225rem;
     
   }
   .search input {
    background: #ffffff;
   }
   .search-img img {
    margin-top: 0.15rem;
    margin-left: 0.4rem;
   }

   .header_top {
   
    background-image: url("../img/ysjs_small.png") ;
    background-size: 100%,100%;
    background-repeat: no-repeat; 
    background-size:cover;
    position: relative;
 
}

    .slide {
        margin-top:8rem;
    }
    .nav-click {
        display: block;
        width: 1.5rem;
        height: 1.5rem;
        /* position: absolute;
        left: 3%; */
        margin-left:3%;
        margin-top:1%;
    }
    .nav-click img {
        width: 100%;
        height: 100%;
    }
    .close {
        display: none;
    }
    .nav {
        display: none;
        width: 50%;
        position: fixed;
        left: 0%;
        top: 6rem;
        z-index: 99;
        height: calc(100% - 6rem);
        background-color: rgba(0, 0, 0, .4);
    }
    .nav li {
        display: block;
        float: none;
        height: auto;
        width: 100% !important;
        text-align: center;
        border-bottom: 1px solid rgba(151, 151, 151, .5);
    }
    .nav p,
    .nav a {
        color: #FFFFFF;
    }
    .nav-active p {
        font-weight: normal;
    }
    .nav li p {
        height: 2.6875rem;
        line-height: 2.6875rem;
    }
    .nav li p:hover {
        background-color: rgba(255, 255, 255, .4);
    }
    .nav li .sub {
        position: relative;
        top: 0;
        height: auto;
        width: 100% !important;
    }
    .nav li .sub::after {
        clear: both;
        content: "";
        display: block;
    }
    .nav li .sub a {
        width: 100% !important;
        height: 2.5rem;
        line-height: 2.5rem;
        text-align: center;
        padding-left: 10px;
        color: rgba(255, 255, 255, .7);
    }
    .footer {
        padding-top: .625rem;
        margin-top: .625rem;
    }
    /* 部门导航条 */
    .depart-bg {
        margin-top: 0;
        width: 90%;
        margin: 0 auto;
    }
    .depart-left {
        width: 100%;
        padding-top: 0px;
    }
    .depart-title,
    .depart-nav span {
        display: none;
    }
    .depart-nav {
        width: 100%;
        margin-top: 0px;
        margin-bottom: 10px;
        overflow: hidden;
        border: none;
    }
    .depart-title-name {
        display: none;
    }
    .depart-right-title {
        height: 2.5rem;
        margin-bottom: 0.25rem;
    }
    .depart-title-position {
        float: left;
        margin-top: .625rem;
    }
    .depart-right {
        width: 100%;
        padding: 0 1%;
    }
    /* 首页滑动块 */
    .tplc {
        margin-top: 0;
    }
    .tplc_block {
        width: 30% !important;
        margin-top: .625rem;
    }
    .tplc_block .tplc_pa {
        height: 5rem;
        margin-top: -2.5rem;
    }
    .tplc_block .tplc_img_pa,
    .tplc_block .tplc_text {
        display: block;
    }
    .tplc_block .tplc_text {
        text-align: center;
    }
    .tplc_block .tplc_img_pa {
        margin: 0 auto;
    }
    .note {
        width: 70% !important;
        margin-top: .625rem;
    }
    .note_introduction {
        line-height: 26px;
        -webkit-line-clamp: 3;
        line-clamp: 3;
    }
    /* 二级导航条 */
    .second-main,
    .main {
        margin-top: 6rem;
    }
    .second-bg {
        padding-bottom: 2rem;
    }
    .title-container {
        background: transparent;
        padding: 0;
    }
    .second-left-phone,
    .title-nav {
        padding: 0 5%;
    }
    .second-left-phone {
        display: block;
        background-color: #F6F6F6;
    }
    .title-nav,
    .title-nav li,
    .title-position {
        float: none;
    }
    .title-nav {
        width: 100%;
        max-width: 100%;
        max-height: 0;
        text-align: center;
        overflow: hidden;
        border: none;
        transition: max-height 300ms ease-in-out;
        -webkit-transition: max-height 300ms ease-in-out;
    }
    .title-nav li {
        margin: 0;
        padding: 0;
        border-bottom: 1px solid #F6F6F6;
    }
    .openSubnav {
        max-height: 100vh;
    }
    .title-position {
        width: 90%;
        margin: 0 auto;
        border-bottom: 1px solid #F6F6F6;
    }
    .right-title-name {
        display: none;
    }
    .second-right {
        width: 100%;
        padding: 0 5%;
    }
    .main-leader {
        margin-top: 1.25rem;
    }
}

@media screen and (max-width:640px) {
    .main-leader-other {
        width: 80%;
    }
    

    /* 主页标题 */
    .main-title {
        padding: 1.25rem 0;
    }
    /* main-company */
    .company-list-block {
        padding-left: 0%;
    }
    .company-list-img {
        display: none;
    }
    /* 主页新闻 */
    .newsImg {
        display: none;
    }
    .news_left_title {
        width: 100%;
        left: 0%;
        height: 26px;
        line-height: 26px;
        margin-bottom: 2.5rem;
    }
    .news_left_content_title {
        height: 35px;
        line-height: 44px;
    }
    .newsBlock {
        width: 100%;
        margin-left: 0%;
    }
    .news_left_content_content {
        line-height: 22px;
        height: 66px;
    }
}

@media screen and (max-width:600px) {


    
    .upPage-text-pa {
        display: none;
    }
    .footer p {
        width: 100%;
        margin-right: 0;
        text-align: center;
        line-height: 1.875rem;
    }
    .footer p span{
        display: block;
        margin: 2px 0;
    }
    /* 业务板块 */
    .service-list-img {
        display: none;
    }
    .service-right {
        position: static;
        width: 100%;
    }
    .service-list-text {
        height: auto;
    }
    .service-list-text-block {
        line-height: 1.5625rem;
        -webkit-line-clamp: 3;
    }
    .second-message {
        width: 88%;
    }
}

@media screen and (max-width:370px) {
    .nav-click {
        width: 13px;
        height: 13px;
        margin-top:5px;
  
    }
    .header_top {
        width: 100%;
        height: 4rem;
        background-image: url("../img/ysjs_small.png") ;
        background-size: 100%,100%;

        background-repeat: no-repeat; 
        background-size:cover;
        position: relative;
     
    }
    .search {
        position: absolute;
        top: 150%;
        /* bottom: 5%; */
    }
    .news_left_title span {
        padding: 0px 15px;
    }
    .second-message {
        width: 94%;
    }
    .slide {
        margin-top:10px;
    }
}

.Loading {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: #fff url("../img/loading.gif") no-repeat center;
    z-index: 9999;
}
.show-mask{
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  z-index: 299;
  background-color: rgba(0, 0, 0, .3);
  display: none;
}
.show-box {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 30vw;
    margin-left: -15vw;
    height: calc(42.3vw + 2.5rem);
    margin-top: -21.15vw;
    z-index: 300;
    cursor: pointer;
    background-color: #F9F9F9;
    border: 1px solid rgba(155, 155, 155, 0.27);
    border-radius: 6px;
}

.show-box .show-img {
    width: 100%;
    height: calc(100% - 2.5rem);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center center;
}

.show-box .show-text {
  height: 2.5rem;
  line-height: 2.5rem;
  text-align: center;
}
@media screen and (max-width:1300px){
  .show-box {
    width: 40vw;
    margin-left: -20vw;
    height: calc(56.4vw + 2.5rem);
    margin-top: -28.2vw;
  }
}
@media screen and (max-width:1024px){
  .show-box {
    width: 50vw;
    margin-left: -25vw;
    height: calc(70.5vw + 2.5rem);
    margin-top: -35.25vw;
  }
}
@media screen and (max-width:600px){
  .show-box {
    width: 70vw;
    margin-left: -35vw;
    height: calc(98.7vw + 2.5rem);
    margin-top: -49.35vw;
  }
}


@media screen and (max-width:426px) {
    .nav-click {
        width: 13px;
        height: 13px;
        margin-top:5px;
  
    }
    .header_top {
        width: 100%;
        height: 5.5rem;
        background-image: url("../img/ysjs_small.png") ;
        background-size: 100%,100%;
        /* border:1px solid green; */
        background-repeat: no-repeat; 
        background-size:cover;
        position: relative;
     
    }
    .search {
        position: absolute;
        top: 185%;
        /* bottom: 5%; */
    }
    .slide {
        margin-top:7.5rem;
    }
    .news_left_title span {
        padding: 0px 15px;
    }
    .second-message {
        width: 94%;
    }
    /* .slide {
        margin-top:10px;
    } */
}

@media screen and (max-width:376px) {
    .nav-click {
        width: 13px;
        height: 13px;
        margin-top:5px;
  
    }
    .header_top {
        width: 100%;
        height: 5rem;
        background-image: url("../img/ysjs_small.png") ;
        background-size: 100%,100%;
        /* border:1px solid black; */
        background-repeat: no-repeat; 
        background-size:cover;
        position: relative;
     
    }
    .search {
        position: absolute;
        top: 175%;
        /* bottom: 5%; */
    }
    .slide {
        margin-top:7rem;
    }
    .news_left_title span {
        padding: 0px 15px;
    }
    .second-message {
        width: 94%;
    }
    /* .slide {
        margin-top:10px;
    } */
}
@media screen and (max-width:321px) {
    .nav-click {
        width: 13px;
        height: 13px;
        margin-top:6px;
  
    }
    .header_top {
        width: 100%;
        height: 4rem;
        background-image: url("../img/ysjs_small.png") ;
        background-size: 100%,100%;
        /* border:1px solid black; */
        background-repeat: no-repeat; 
        background-size:cover;
        position: relative;
     
    }
    .search {
        position: absolute;
        top: 150%;
        /* bottom: 5%; */
    }
    .slide {
        margin-top:6rem;
    }
    .news_left_title span {
        padding: 0px 15px;
    }
    .second-message {
        width: 94%;
    }
    /* .slide {
        margin-top:10px;
    } */
}